﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SiteMaster.Mobile.Master"
    Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<%@ Import Namespace="Microhard.Framework.MVCHelper.Mobile" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <div data-role="fieldcontain" class="ui-hide-label">
        <%=Html.Mobile_Textbox("Customer.Name", "儿童姓名","")%>
    </div>
    <div data-role="fieldcontain" class="ui-hide-label">
        <input type="text" data-role="date" placeholder="出生日期" />
    </div>
    <div data-role="fieldcontain" class="ui-hide-label">
        <%=Html.Mobile_Textbox("Customer.Address", "父亲姓名", "")%>
    </div>
    <div data-role="fieldcontain" class="ui-hide-label">
        <%=Html.Mobile_Textbox("Customer.Address", "母亲姓名", "")%>
    </div>
    <div data-role="fieldcontain" class="ui-hide-label">
        <%=Html.Mobile_Textbox("Customer.Address", "联系地址", "")%>
    </div>
    <div data-role="fieldcontain" class="ui-hide-label">
        <select name="select-custom-4" id="select-custom-4" data-native-menu="false">
            <option>接种地点...</option>
            <optgroup label="上城区">
                <option value="1">清波社区卫生服务中心</option>
                <option value="2">湖滨街道社区卫生服务中心</option>
                <option value="3">小营街道西牌楼社区卫生站</option>
            </optgroup>
        </select>
    </div>
    <div data-role="fieldcontain" class="ui-hide-label">
        <a class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-check ui-btn-icon-left ui-btn-a"
            href="#popupDialog" data-rel="popup" data-transition="pop" data-position-to="window">
            添加已接种疫苗</a>
        <ul data-role="listview" data-inset="true">
            <li>
                <div class="ui-grid-b">
                    <div class="ui-block-a">
                        产品
                    </div>
                    <div class="ui-block-b">
                        接种时间
                    </div>
                    <div class="ui-block-d">
                    </div>
                </div>
            </li>
            <li>
                <div class="ui-grid-b">
                    <div class="ui-block-a">
                        轮状病毒
                    </div>
                    <div class="ui-block-b">
                        2014-06-06
                    </div>
                    <div class="ui-block-d">
                        <button class="ui-btn">
                            删除</button>
                    </div>
                </div>
            </li>
            <li>
                <div class="ui-grid-b">
                    <div class="ui-block-a">
                        7价肺炎
                    </div>
                    <div class="ui-block-b">
                        2014-07-26
                    </div>
                    <div class="ui-block-d">
                        <button class="ui-btn">
                            删除</button>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div id="popupDialog" style="max-width: 500px;" data-role="popup" data-theme="b"
        data-overlay-theme="b" data-dismissible="false">
        <div data-role="header" data-theme="a">
            <h1>
                添加已接种疫苗</h1>
        </div>
        <div class="ui-content" role="main">
            <div data-role="fieldcontain" class="ui-hide-label">
                <select name="select-custom-4" id="select1" data-native-menu="false">
                    <option>选择疫苗...</option>
                    <optgroup label="年龄段内需疫苗">
                        <option value="1">水痘</option>
                        <option value="2">甲肝</option>
                        <option value="3">麻腮风</option>
                    </optgroup>
                </select>
                <input type="text" data-role="date" placeholder="接种时间" />
            </div>
            <a class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" href="#" data-rel="back">
                提交</a> <a class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" href="#"
                    data-rel="back" data-transition="flow">取消</a>
        </div>
    </div>
    <input type="submit" value="提交" data-theme="c" id="btnSubmit" name="btnSubmit" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="HolderHeader" runat="server">
</asp:Content>
